<template>
  <div class="wrap">
    <min-table
      :minTable="minTable"
      :cols="cols"
      :searchForm="searchForm"
      :pageInfo="pageInfo"
      @min-size="handleSizeChange"
      @min-page="handlePageChange"
      @min-operator="handleOperator"
    ></min-table>
    <min-verify @imgCode="imgCode"></min-verify>
  </div>
</template>

<script>
export default {
  data() {
    return {
      // 搜索栏表单
      searchForm: {
        show: true, // 显示搜索栏
        // isAdvance: true, // 显示高级搜索按钮
        // advance:true, // 高级按钮文案
        // 搜索栏所需数组
        baseSearchList: [
          {
            com: "input",
            label: "姓名",
            style: "width:180px;",
            prop: "in"
          }
        ]
      },
      // 分页表单
      pageInfo: {
        show: true
      },
      // 大表格对象
      minTable: {
        // 表格数据
        tableData: [
          {
            name: "傅敏"
          }
        ]
      },
      // 表头数组
      cols: [
        {
          prop: "name",
          label: "姓名"
        },
        {
          type: "btn",
          label: "操作",
          fixed: "right",
          width: "160",
          btnData: [
            {
              type: "primary",
              operatTitle: "编辑"
            },
            {
              type: "danger",
              operatTitle: "删除"
            }
          ]
        }
      ]
    };
  },
  methods: {
    // 输出验证码
    imgCode(code) {
      console.log(code, "code");
    },
    // 表格行按钮操作事件
    handleOperator(index, row, title) {
      console.log(index, row, title);
    },
    // 分页事件---改变每页条数触发
    handleSizeChange(val) {},
    // 分页事件---改变页码触发
    handlePageChange(val) {}
  }
};
</script>

<style lang="less" scoped>
@import "./../../static/style/common.less";
.wrap {
  padding: @marTop*2;
}
</style>
 